{itemplate 'public/header'}
<style>
	.new-mine .banner{height: 7rem; text-align: center; color: #fff; background: url(../addons/we7_wmall/template/mobile/wmall/default/static/img/bg-mypage.png) no-repeat center center; background-size: cover; position: relative;}
	.new-mine .avatar img{width: 2.8rem; height: 2.8rem; border-radius: 100%; border: 2px solid #fff; margin-top: 1.5rem;}
	.new-mine .name{margin-top: 0.2rem}
	.new-mine .name .icon.icon-right:before{font-size: 0.5rem; vertical-align: middle;}
	.new-mine .banner .icon.icon-settings{position: absolute; top: 0.5rem; right: 0.5rem; color: #fff}
	.new-mine .activity-nav{background-color: #fff; text-align: center; font-size: .6rem;}
	.new-mine .activity-nav .col-33{padding: 0.5rem 0;}
	.new-mine .activity-nav .col-33 .inner{padding: 0 0.5rem}
	.new-mine .activity-nav .count{color: #999; margin-bottom: 0.4rem;}
	.new-mine .activity-nav .count.active{color: #f6383a}
	.new-mine .activity-nav .count span{font-size: 0.8rem}
	.new-mine .activity-nav .col-33 .icon:before{vertical-align: middle;}
	.new-mine .list-block{margin: 0.5rem 0; font-size: 0.6rem}
	.new-mine .list-block .shop .button{height: auto; font-size: 0.6rem; line-height: 1; padding: 0.1rem 0.3rem}
	.new-mine .service-mobile{display: block; padding: .5rem; margin: .5rem 0; font-size: .6rem; text-align: center; background-color: #fff; color: #f6383a}
	.new-mine .service-time{text-align: center; font-size: 0.5rem; padding-bottom: 0.5rem; color: #999;}
</style>
<div class="page new-mine">
	<div class="content">
		<div class="banner">
			<div class="avatar">
				<img src="http://wx.qlogo.cn/mmopen/6Fz3aS6k35YD7gaLqD42qJ5xND4VAqGXUFu9oL80IselYY9oRJ1EvVWfNQlHhgJAyylZ2uWqIWPRjXvTtibPIp4vNGfE4mqoC/0" alt="">
			</div>
			<div class="name">fhasdhfjkas <span class="icon icon-right"></span></div>
			<a href=""> <span class="icon icon-settings"></span></a>
		</div>
		<div class="activity-nav row">
			<div class="col-33">
				<div class="inner border-1px-r">
					<div class="count"><span>0</span> 元</div>
					<div><span class="icon icon-gift"></span> 余额</div>
				</div>
			</div>
			<div class="col-33">
				<div class="inner border-1px-r">
					<div class="count active"><span>2</span> 张</div>
					<div><span class="icon icon-gift"></span> 美团红包</div>
				</div>
			</div>
			<div class="col-33">
				<div class="inner">
					<div class="count"><span>0</span> 张</div>
					<div><span class="icon icon-gift"></span> 车主代金券</div>
				</div>
			</div>
		</div>
		<div class="list-block">
			<ul>
				<li class="item-content item-link border-1px-b">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">我的评价</div>
					</div>
				</li>
				<li class="item-content item-link border-1px-b">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">我的好友</div>
					</div>
				</li>
				<li class="item-content item-link border-1px-b">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">我的收藏</div>
					</div>
				</li>
				<li class="item-content item-link">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">我的地址</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="list-block">
			<ul>
				<li class="item-content item-link">
					<div class="item-media"><i class="icon icon-me"></i></div>
					<div class="item-inner">
						<div class="item-title">我的钱包</div>
						<div class="item-after">办信用卡</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="list-block">
			<ul>
				<li class="item-content item-link border-1px-b">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">邀请有奖</div>
					</div>
				</li>
				<li class="item-content item-link shop">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">商户入驻</div>
						<div class="item-after"><a href="" class="button button-danger">我要开店</a></div>
					</div>
				</li>
			</ul>
		</div>
		<div class="list-block">
			<ul>
				<li class="item-content item-link border-1px-b">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">答谢记录</div>
					</div>
				</li>
				<li class="item-content item-link border-1px-b">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">帮助与反馈</div>
					</div>
				</li>
				<li class="item-content item-link">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">客服中心</div>
						<div class="item-after">随时为您服务</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="list-block">
			<ul>
				<li class="item-content item-link">
					<div class="item-media"><i class="icon icon-share"></i></div>
					<div class="item-inner">
						<div class="item-title">更多</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="service-mobile">客服电话</div>
		<div class="service-time">服务时间</div>
	</div>
</div>
{itemplate 'public/footer'}
